import Card from "@lib/card";
import type { RouteDefinition } from "@solidjs/router";

const CardDemos = () => {
  return (
    <div class="row">
      <div class="col-12">
        <h1>图片</h1>
        <Card style={{ width: "18rem" }}>
          <Card.Image src="..." alt="..."></Card.Image>
          <Card.Body>
            <Card.Title>Card Title</Card.Title>
            <Card.Text>
              Some quick example text to build on the card title and make up the
              bulk of the card's content.
            </Card.Text>
            <a href="#" class="btn btn-primary">
              Go somewhere
            </a>
          </Card.Body>
        </Card>
      </div>
    </div>
  );
};

export const CardDemoRoute: RouteDefinition = {
  path: "/card",
  component: CardDemos,
};

export default CardDemos;
